<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}

html,body,.startpage {
	height: 100%;
}

.startpage {
	display: table;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.startpage>div {
	display: table-row;
}

#topb,#footer {
	background: #242c37;
	height: 42px;
}

#mid_block {
	
}

#mid_block .mid {
	display: table-cell;
	vertical-align: middle;
}

#text {
	width: 80%;
	margin: 0 auto;
}
</style>
<!--[if IE]>  
<style type="text/css">  
#topb,  
#footer {  
width:100%;  
z-index:3;  
position:absolute;  
}  
#footer {  
bottom:0;  
}  
#mid_block {  
height:100%;  
z-index:1;  
position:relative;  
}  
#mid_block .mid {  
position:absolute;  
top:50%;  
width:100%;  
text-align:left;  
}   
</style>  
<![endif]-->
<link href="css/style.css" rel="stylesheet" />
<link href="css/style6.css" rel="stylesheet" />
<link href="css/blue.css" rel="stylesheet" />
<link href="css/grey.css" rel="stylesheet" />
<link href="css/media.css" rel="stylesheet" />
<!-- <script type="text/javascript" src="js/upload_v3.js"></script> -->
<script type="text/javascript" src="js/jquery-1.10.2.min_v3.js"></script>
 <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/mask.js"></script>
<script type="text/javascript">
function selectFile(){
	$("#slct-a").click()
};
$(function() {
	$(".language").click(function(){
		$(".yuyan").html($(this).attr("id"));
		$("#mask").css('display','none'); 
		$("#arrowk").attr("src","image/arrow1.png");
		$("#startcy").attr("class","a-btn left");
	});
	
	$("#open_1").click(function(){
		$("#mask").css('display','block'); 
	});
	
	$("#startcy").click(function(){
		//获取文件
		//var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
		//function fileChange(target) {
		 //  var file = null;
		  // if (isIE && !target.files) {
		   //   var filePath = target.value;
		    //  var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
		     // file = fileSystem.GetFile (filePath);
		     // console.log(0);
			 //}else{
			  // file = target.files[0];
			 //}
		//}     
	});
})

</script>
</head>
<body>

	<input id="filename" type="hidden" value="${fileName}"/>
	<input id="filenpath" type="hidden" value="${filePath}"/>
	<div class="startpage">
		<!--BEGIN HEADER-->
		<div id="topb">
			<h1>
				PDF<span>2</span>PDF
			</h1>
			<div style="width: 100%; height: 1px; background-color: #3c495c;"></div>
			<div style="width: 100%; height: 1px; background-color: #293241;"></div>
		</div>
		<!--END HEADER-->

		<!--BEGIN MAIN-->
		<div id="mid_block">
			<div class="mid">
				<div id="text">
					<div style="width: 800px; margin: 0 auto;">
						<a style="text-decoration: none;" class="a-btn left"
							href="javascript:selectFile();"> <span></span> <span id="filename">${fileName}</span>
							<span>Select another file</span>
						</a>
						<form method="post" id="formwithAjax"
							enctype="multipart/form-data"
							action="https://www.metascan-online.com/upload">
							<div id="slct-w">
								<input type="file" name="file[]" id="slct-a"">
							</div>
						</form>
						<img src="image/arrow1.png" width="42" height="38" class="left" />
						<a style="text-decoration: none;" class="a-btn_blue left" id="open_1"> 
							<span></span> <span class="yuyan">Translate to</span> <span class="yuyan">Translate to</span>
						</a>
						<!-- 遮罩层 begin -->
						<div id="mask">
							<ul>
								<li><a class="language" id="Afrikaans">Afrikaans</a></li>
								<li><a class="language" id="Albanian">Albanian</a></li>
								<li><a class="language" id="Arabic">Arabic</a></li>
								<li><a class="language" id="Azerbaijani">Azerbaijani</a></li>
								<li><a class="language" id="Basque">Basque</a></li>
								<li><a class="language" id="Bengali">Bengali</a></li>
								<li><a class="language" id="Belarusian">Belarusian</a></li>
								<li><a class="language" id="Bulgarian">Bulgarian</a></li>
								<li><a class="language" id="Catalan">Catalan</a></li>
								<li><a class="language" id="ChineseSimplified">ChineseSimplified</a></li>
								<li><a class="language" id="ChineseTraditional">ChineseTraditional</a></li>
								<li><a class="language" id="Croatian">Croatian</a></li>
								<li><a class="language" id="Czech">Czech</a></li>
								<li><a class="language" id="Danish">Danish</a></li>
								<li><a class="language" id="Dutch">Dutch</a></li>
								<li><a class="language" id="English">English</a></li>
								<li><a class="language" id="Esperanto">Esperanto</a></li>
								<li><a class="language" id="Estonian">Estonian</a></li>
								<li><a class="language" id="Filipino">Filipino</a></li>
								<li><a class="language" id="Finnish">Finnish</a></li>
								<li><a class="language" id="French">French</a></li>
								<li><a class="language" id="Galician">Galician</a></li>
								<li><a class="language" id="Georgian">Georgian</a></li>
								<li><a class="language" id="German">German</a></li>
								<li><a class="language" id="Greek">Greek</a></li>
								<li><a class="language" id="Gujarati">Gujarati</a></li>
								<li><a class="language" id="HaitianCreole">HaitianCreole</a></li>
								<li><a class="language" id="Hebrew">Hebrew</a></li>
								<li><a class="language" id="Hindi">Hindi</a></li>
								<li><a class="language" id="Hungarian">Hungarian</a></li>
								<li><a class="language" id="Icelandic">Icelandic</a></li>
								<li><a class="language" id="Indonesian">Indonesian</a></li>
								<li><a class="language" id="Irish">Irish</a></li>
								<li><a class="language" id="Italian">Italian</a></li>
								<li><a class="language" id="Japanese">Japanese</a></li>
								<li><a class="language" id="Kannada">Kannada</a></li>
								<li><a class="language" id="Korean">Korean</a></li>
								<li><a class="language" id="Latin">Latin</a></li>
								<li><a class="language" id="Latvian">Latvian</a></li>
								<li><a class="language" id="Lithuanian">Lithuanian</a></li>
								<li><a class="language" id="Macedonian">Macedonian</a></li>
								<li><a class="language" id="Malay">Malay</a></li>
								<li><a class="language" id="Maltese">Maltese</a></li>
								<li><a class="language" id="Norwegian">Norwegian</a></li>
								<li><a class="language" id="Persian">Persian</a></li>
								<li><a class="language" id="Polish">Polish</a></li>
								<li><a class="language" id="Portuguese">Portuguese</a></li>
								<li><a class="language" id="Romanian">Romanian</a></li>
								<li><a class="language" id="Russian">Russian</a></li>
								<li><a class="language" id="Serbian">Serbian</a></li>
								<li><a class="language" id="Slovak">Slovak</a></li>
								<li><a class="language" id="Slovenian">Slovenian</a></li>
								<li><a class="language" id="Spanish">Spanish</a></li>
								<li><a class="language" id="Swahili">Swahili</a></li>
								<li><a class="language" id="Swedish">Swedish</a></li>
								<li><a class="language" id="Tamil">Tamil</a></li>
								<li><a class="language" id="Telugu">Telugu</a></li>
								<li><a class="language" id="Thai">Thai</a></li>
								<li><a class="language" id="Turkish">Turkish</a></li>
								<li><a class="language" id="Ukrainian">Ukrainian</a></li>
								<li><a class="language" id="Urdu">Urdu</a></li>
								<li><a class="language" id="Vietnamese">Vietnamese</a></li>
								<li><a class="language" id="Welsh">Welsh</a></li>
								<li><a class="language" id="Yiddish">Yiddish</a></li>
							</ul>
							<a href="#" id="close_1">close</a>
						</div>
						
						<img src="image/arrow2.png" width="42" height="38" class="left" id="arrowk"/>
						<a id="startcy" style="text-decoration: none;" class="a-btn_grey left"> <span></span>
							<span>Start</span> <span></span>
						</a>
					</div>
				</div>
			</div>
		</div>
		<!--END MAIN-->

		<!--BEGIN FOOTER-->
		<div id="footer">
			<div style="width: 100%; height: 1px; background-color: #3c495c;"></div>
			<div style="width: 100%; height: 1px; background-color: #293241;"></div>
			<div class="left" style="margin-left: 30px; margin-top: 10px">
				<a href="http://www.foxitcloud.com/page.html?tab=policy">
					Privacy Policy</a> | <a
					href="http://www.foxitcloud.com/page.html?tab=policy"> Terms of
					use</a> | <a href="http://www.foxitcloud.com/page.html?tab=policy">
					Third Party</a> | <a
					href="http://www.foxitcloud.com/page.html?tab=policy"> About
					Foxit</a>
			</div>
			<div class="right" style="margin-right: 30px; margin-top: 10px">©2013-2014
				Foxit Software Inc . All rights reserved.</div>
		</div>
		<!--END FOOTER-->
	</div>
</body>
</html>